<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="../static/css/base.css" />
  <link rel="stylesheet" href="../static/css/mine.css" />
    <link rel="icon" href="../static/favicon.ico" />
  </head>
  <body>
    <div class="profile" aria-label="用户资料">
      <img src="../static/images/user.jpg" alt="用户头像" class="avatar" id="avatar">
      <div class="user-info">
        <div class="username" id="username">不知名的大侠</div>
        <div class="user-account" id="user-account">账号: 获取失败</div>
      </div>
    </div>

    <div class="options" aria-label="用户选项">
      <a href="/photo_manage" class="option" aria-label="前往寻物画廊">🖼️ 寻物画廊</a>
      <a href="/contact" class="option" aria-label="联系我们">📧 联系我们</a>
      <a href="/settings" class="option" aria-label="进入设置">⚙️ 设置</a>
      <a href="/user_agreement" class="option" aria-label="用户须知">ℹ️ 用户须知</a>
      <a class="option logout" aria-label="退出登录">⚠️ 退出登录</a>
    </div>

    <div id="navbar" role="navigation" aria-label="主导航栏">
      <a href="/agent" aria-label="首页">
        <span>首页</span>
      </a>
      <a href="/chat" aria-label="消息">
        <span>消息</span>
      </a>
      <a href="/album" aria-label="有声相册">
        <span>相册</span>
      </a>
      <a href="/skills" aria-label="能力">
        <span>能力</span>
      </a>
      <a href="/mine" aria-label="我的">
        <span>我的</span>
      </a>
    </div>

    <script src="../static/js/mine.js"></script>
  </body>
</html>